<style>
    .liuwrap{
        vertical-align: top;
    }
    .liuwrap span{
        vertical-align: top;
    }
</style>

<ion-view>
<ion-pane>
    <ion-header-bar class="index_head">
        <button class="button button-icon icon ion-android-arrow-back"  ui-sref="shopHome" style="color: #fff"></button>
        <div class="h1 title">数据统计-流量</div>
    </ion-header-bar>
  <ion-content class="stable-bg">
        <div class="data_chart_wrap">

          <!--图标统计-->
            <div class="data_chart_head">

              <div class="data_charthead_con" id="flowMain" style="width: 100%;height: 200px;">

              </div>
                <div>
                    <div style="float: left">{{minData}}</div>
                    <div style="float: right;">{{maxData}}</div>
                </div>
              <ul class="row data_charthead_list">
                  <li class="col" ng-click="getOthData(-7)" ng-class="{true:'active', false:''}[showTab==-7]">
                    <a href="#">7天</a>
                  </li>
                  <li class="col" ng-click="getOthData(-30)" ng-class="{true:'active', false:''}[showTab==-30]">
                    <a href="#">1个月</a>
                  </li>
                  <li class="col" ng-click="getOthData(-90)" ng-class="{true:'active', false:''}[showTab==-90]">
                    <a href="#">3个月</a>
                  </li>
                  <li class="col" ng-click="getOthData(-180)" ng-class="{true:'active', false:''}[showTab==-180]">
                    <a href="#">半年</a>
                  </li>

              </ul>
            </div>

          <!--数字统计-->
            <div class="data_num">
                  <ul class="row dataFlow">
                     <li class="col" ui-sref="visitorList">
                        <div style="color: #fff;">{{thisFlow.view.shopSeeCount || 0}}</div>
                        <p style="color: #fff;" class="liuwrap">
                            <span><img src="img/commimg/flow1.png" style="width: 18px;"/></span>
                            <span>浏览量</span>
                        </p>
                     </li>
                    <li class="col" ui-sref="visitorList">
                      <div style="color: #fff;">{{thisFlow.view.shopView || 0}}</div>
                      <p style="color: #fff;" class="liuwrap">
                          <span><img src="img/commimg/flow2.png" style="width: 18px;"/></span>
                          <span>访客数</span>
                      </p>
                    </li>

                  </ul>
            </div>

        </div>
  </ion-content>
  <div class="tabs tabs-icon-top foot_tab data_tab" style="margin-bottom: env(safe-area-inset-bottom);margin-bottom: constant(safe-area-inset-bottom);">
      <a class="tab-item" ui-sref="shopDataFlow" style="color: #fb8223;">
                <span class="icon">
                     <img src="img/commimg/liuliang_icon.png" alt="">
                    <!--<img src="img/mews_x.png" alt="">-->
                </span>
          流量
      </a>
      <a class="tab-item" ui-sref="shopDataProduct">
                <span class="icon">
                   <img src="img/commimg/chanpin_iconhui.png" alt="">

                </span>
        产品
      </a>

      <a class="tab-item" ui-sref="shopTransaction">
                <span class="icon">
                  <img src="img/commimg/jiaoyi_iconhui.png" alt="">

                </span>
          交易
      </a>

  </div>
</ion-pane>

</ion-view>
